<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form>
    姓名：<input type="text" name="uname"><br>
    密码：<input type="password" name="pass"><br>
    再次输入密码：<input type="password" id="passagain"><br>
</form>
<a href="javascript:regist()">确认注册</a>
<script>
    var ff = document.forms[0];

    var users = localStorage.getItem('users');
    users&&(users=JSON.parse(users));//如果存在该内容则进行JSON的解析
    users || (users = []);//如果不存在该内容则创建一个数组


    function regist() {
        var name = ff.uname.value;
        var pass = ff.pass.value;
        var passagain = document.getElementById('passagain').value;
        if (passagain!== pass) {
            alert("两次密码输入不一致，请重新输入");
            return;
        }
        var obj = {
            name: name,
            pass:pass,
    }
        users.push(obj);//将新注册的用户添加到用户列表
        localStorage.setItem('users',JSON.stringify(users));//将用户列表重新写入到本地存储
        location.href = "login.html";//页面跳转
    }


    /*作业：1、要求做验证，
            -密码不一致不允许注册
            -用户名或密码为空，不允许注册
           2、表单的要求要漂亮一点
           3、要添加修改用户信息的功能（修改的时候要把用户信息显示出来）
                用户信息要求包含如下：
                姓名
                密码
                年龄
                昵称
                籍贯
                性别（不允许修改）
                民族
                国籍
                身高
                体重
                生肖
    */
</script>
</body>
</html>